<style type="text/css">

/************   filter whole css ************/
.filter_first_row ,.filter_row ,.filter_crumb{
	font: 12px/1.5 Arial;
	-webkit-text-size-adjust: none;
}

/************            hover on  ************/

.filter_button_hover_on{
/* background-color: #f60; */
color: #f60;
}

/************          单组样式     ************/
.filter_group{
border: 1px solid #e8e8e8;

}

/************          单筛选行样式     ************/
.filter_first_row{

position: relative;
border-top: none;
margin: 0 8px;
overflow:hidden;
}
.filter_row{

position: relative;
border-top: 1px dashed #dedede;
margin: 0 8px;

}

/************         筛选行head样式     ************/
.filter_row_head{
position: absolute;
left: 11px;
top: 9px;
display:block;
}

/************         筛选行body样式     ************/
.filter_row_body{
padding: 0 100px 0 112px;
height: 36px;
overflow:hidden;
}

.filter_row_body .inner_items{

}

.filter_row_body .inner_items_show2line{

}

.filter_row_body .btns{
display: none;
text-align: center;
}

.filter_row_body .item {
display:inline-block;
margin: 9px 40px 9px 0;
height: 18px;
text-decoration: none;
padding: 0 3px;
color:#252525; 
}


.icon-btn-uncheck-small {
position:relative;
top:1px;
display: none;
background: url(icons.png);
background-repeat: no-repeat;
background-position: -300px -169px;
width: 11px;
height: 11px;
}

.icon-btn-check-small {
background-position: -5px -411px;
}

/************          提交、 取消按钮样式     ************/
.filter_row_body .submit_selected {
border: 1px solid #e8e8e8;
/* color: #fff;
background: #F94700;
border: 1px solid #F94700; */
display: inline-block;
margin: 5px;
border-radius: 2px;
height: 20px;
width: 42px;
line-height: 20px;
text-align: center;
text-decoration: none;
cursor: pointer;
}


.filter_row_body .cancel_selected {
border: 1px solid #e8e8e8;
display: inline-block;
margin: 5px;
border-radius: 2px;
height: 20px;
width: 42px;
line-height: 20px;
text-align: center;
text-decoration: none;
cursor: pointer;
}


/************          展开时的样式,加到row_body上      ************/
.items_expand_mode{
height: auto;
max-height: 102px;
overflow: auto;
}

/************         筛选行foot样式     ************/
.filter_row_foot{
position: absolute;
right: 0;
top: 8px;
}

.filter_row_foot .switch-multi {
position: absolute;
right: 70px;
height: 16px;
padding: 0 3px;
line-height: 16px;
border: solid 1px #dad9d9;
cursor: pointer;
white-space: nowrap;
}
.filter_row_foot .show-more {
position: absolute;
right: 20px;
height: 18px;
line-height: 18px;
padding: 0 3px;
cursor: pointer;
white-space: nowrap;
border: solid 1px #dad9d9;
}

.filter_item_hover_on{
background-color: #f60;
color: #fff;
}

/***********   crumb css ************/


.filter_crumb{
position: relative;
display:none;
padding: 0 100px 0 112px;
zoom: 1;
overflow: hidden;
/* border-bottom: 1px dashed #e6e6e6; */
}
.filter_crumb_title{
position: absolute;
left: 20px;
top: 9px;
width: 90px;
height: 18px;
text-align: left;
font-weight: bold;
}

.filter_selected_items{
padding: 1px 0 6px 4px;
position: relative;

}

.filter_selected_item{
position:relative;
display: inline-block;
margin: 5px 10px 0 0;
padding: 0 19px 0 5px;
height: 22px;
line-height: 22px;
overflow: hidden;
border: 1px solid #dad9d9;  
text-decoration:none;
color: #252525;
}

.filter_selected_item:hover{
position:relative;
display: inline-block;
margin: 5px 10px 0 0;
padding: 0 19px 0 5px;
height: 22px;
line-height: 22px;
overflow: hidden;
border: 1px solid #f60; 
text-decoration:none;
color: #f60;
}

.filter_cancle_all{
display: inline-block;
position: absolute;
right: 25px;
top: 9px;
padding: 0 3px;
/* color: #666; */
text-align: right;
border: 1px solid #dad9d9; 
cursor: pointer;
}

.filter_cancle_all:hover{
color: #f60;
}

.filter_selected_item .icon-btn-x{
background:url(icons.png);
background-repeat: no-repeat;
background-position: -211px -411px;
width: 7px;
height: 7px;
display: inline-block;
font-size: 0;
position: absolute;
right: 6px;
top: 8px;
}

.filter_selected_item:hover .icon-btn-x{
background: url(icons.png);
background-repeat: no-repeat;
background-position: -228px -411px;
width: 7px;
height: 7px;
display: inline-block;
font-size: 0;
position: absolute;
right: 6px;
top: 8px;
}
</style>